.clear{height:0;overflow:hidden;clear:both;font-size: 0; line-height:0;}
.clearfix:before, .clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1} 

a{
    list-style: none;
    color:black;
}
.user{
    width:30%;
    float: left;
    margin-right: 30px;
}
.user img{display: block;margin:0 auto;}
.user .usermassage{text-align: center;padding: 10px 10px 10px 10px;}
.user .usermassage p{line-height: 20px;font-size:15px;color:#c2959c;}
.user .usermassage p span{color:#5b3b40;}
.user .trading-record{width:80%;margin-top: 20px;margin:0 auto;}
.user .trading-record h1{font-size:16px;border-left: 3px #5b3b40 solid;padding-left: 5px;margin-bottom: 5px;}
.user .trading-record ul li{height: 20px;padding-top: 3px;border-bottom: 1px #5b3b40 solid;}

.content{
    position: relative;
    width:50%;
     float: left;
     margin-right:30px;
}

.content .dialog{height: 300px;border: 1px #5b3b40 solid;overflow: hidden;}

.content .dialog .dialog-in{width:103%;height: 100%;overflow-y: scroll;}

.content .dialog .dialog-in li{padding: 15px 10px 15px 15px;margin-right: 50px;height: 60px;text-align: right;background-image: url(../images/dialog.png);background-repeat: no-repeat;background-position: right;position: relative;}

.content .dialog .dialog-in li img{position: absolute;top:0;right: -50px;}

.content .addpic{width:100%;border-left:1px #5b3b40 solid;border-right:1px #5b3b40 solid;padding: 5px;position:relative;}

.content .addpic .massage-record{float: right;border: none;background: none;}

.content .addpic .position{position: absolute;}

.content .addpic .addpicture{opacity: 0;border:1px red solid;background-color: red;}

.content .addpic .addbtn{width:100px;height:30px;display: block;overflow: hidden;}

.content .content-dialog{border-bottom:1px #000000 solid;border-right:1px #000000 solid;border-left:1px #000000 solid;}

.content .content-dialog .dialog-bottom{width:100%;height:70px;border:none;border-top: none;resize: none;outline: none;overflow: hidden;}

.content .content-dialog .send{position: absolute;width: 50px;height: 20px;border:none;background:none;outline: none;bottom:10px;right:10px;}

.content .content-dialog img{border:none;}

.content .pop-up{background:white;width: 300px;height: 360px;padding: 10px;position: absolute;top:0;left:400px;border: 1px lightgray solid;overflow-y:scroll;}

.content .pop-up li{height: 40px;}

.content .pop-up li p span{font-size: 10px;}

.activity{
    width: 260px;
    height: 450px;
    float: left;
    overflow-y: hidden;
     overflow-x:hidden;
}

.activity h1{font-size:23px;color: #5b3b40;padding-bottom: 5px;}

.activity ul{width: 280px;height: 400px;overflow-y: scroll;}

.activity ul li{padding: 5px;border-bottom: 1px lightgray solid;}

.activity ul li h2{font-size:18px;border-left: 3px #5b3b40 solid;padding-left: 5px;margin-bottom: 5px;}

.activity ul li p{}

.activity ul li img{float: right;}
